<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="assets/swiper/css/swiper-3.2.7.min.css" />
	<link  rel="stylesheet" href="font/iconfont.css">
	<link  rel="stylesheet" href="font/demo.css">

	<!--<script src="assets/flexible.debug.js"></script>-->
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<style type="text/css">

</style>
</head>
<body>
	 
	<header class="tite">
		
		   <span><img src="images/1.png" class="_new"/></span>
		   <span><a href="#">今日头条<img src="images/2.png"/></a></span>
		   <span class="sp_1"><a href="html/demo_1.html"><img src="images/3.png"/></a></span>		
		
	</header>
	
	
	
		      <div class="container   con">
	<div class="swiper-container swiper1">
		<div class="swiper-wrapper    cen">
			<div class="swiper-slide selected">推荐</div>
			<div class="swiper-slide">娱乐</div>
			<div class="swiper-slide">科技</div>
			<div class="swiper-slide">汽车</div>
			<div class="swiper-slide">体育</div>
			<div class="swiper-slide">财经</div>
			<div class="swiper-slide">军事</div>
			<div class="swiper-slide">国际</div>
			<div class="swiper-slide">时尚</div>
			<div class="swiper-slide">游戏</div>
			<div class="swiper-slide">热点</div>
			<div class="swiper-slide">社会</div>
			<div class="swiper-slide">育儿</div>
			<div class="swiper-slide">旅游</div>
			<div class="swiper-slide">探索</div>
			<div class="swiper-slide">养生</div>
		</div>
		
		<div class="cen_1">
			<a href="https://m.toutiao.com/channels/?need_open_window=1">
				<img src="images/4.png"/></a>
		</div>
		
	</div>
	<!-- swiper2 -->
	<div class="swiper-container swiper2">
		<div class="swiper-wrapper ">
			<div class="swiper-slide swiper-no-swiping">
				<div class="swiper-slide swiper-no-swiping" style="background-color:#fff;">
					
					<div class="inner1">
						<a href="http://m.365yg.com/i6490458635674583565/"><div class="inn_1">
								
		<dl class="_dl">
			<dd>
				<p class="p1">习近平：新时代的领路人</p>
				<p class="p2"><span>置顶</span> 新华网 评论 190</p>
			</dd>
			<dt><img src="images/download.jpg"></dt>
		<dl>
		
						</div></a>
	
		<div class="_div">
			<a href="https://m.toutiao.com/search/?keyword=%E5%85%B0%E5%8F%AF%E5%84%BF&from=search_tab">
				<h5>米兰达可儿怀孕，通过孩子咱们看看，明星是否整容一看便知</h5>
				<ul>
					<li><img src="images/down_1.jpg"></li>
					<li><img src="images/down_2.jpg"></li>
					<li><img src="images/down_3.jpg"></li>
				</ul>
				<p>思悠悠 评论 92 2小时前</p>
			</a>
		</div>
		<div class="_div">	
			<a href="https://m.toutiao.com/search/?keyword=%E4%B8%B9%E9%BA%A6%E5%B8%88%22%E9%84%99%E8%A7%86%22%E4%B8%AD%E5%9B%BD%E5%AD%A9%E5%AD%90&from=search_tab">
				<h5>深度 | 丹麦师生'鄙视'中国孩子，5轮竞猜后惨遭碾压！打了谁的脸？</h5>
				<ul>
					<li><img src="images/down_10.png"></li>
					<li><img src="images/down_11.png"></li>
					<li><img src="images/doen_12.png"></li>
				</ul>
				<p>中国网教育频道 评论 1358 2小时前</p>
			</a>
		</div>
		
		
		<div class="_div">
			<a href="https://m.toutiao.com/search/?keyword=%E5%AF%92%E8%A1%A3%E8%8A%82&from=search_tab">
				<h5>明天11月18日，农历十月初一，俗称寒衣节三大风水禁忌不可不知</h5>
				<ul>
					<li><img src="images/down_4.jpg"></li>
					<li><img src="images/doen_5.jpg"></li>
					<li><img src="images/down_6.jpg"></li>
				</ul>
				<p>思悠悠 评论 92 2小时前</p>
			</a>
		</div>
		
		
		<div class="_div">
			<a href="https://m.toutiao.com/search/?keyword=%E7%BE%8E%E5%86%9B%E5%86%9B%E4%BA%8B%E8%A1%8C%E5%8A%A8&from=search_tab">
				<h5>美军当年这一军事行动敲醒中国，打造大国空军还差这神器</h5>
				<ul>
					<li><img src="images/down_7.jpg"></li>
					<li><img src="images/down_8.jpg"></li>
					<li><img src="images/down_9.jpg"></li>
				</ul>
				<p>思悠悠 评论 92 2小时前</p>
			</a>
		</div>
	</div></div>
			</div>
	
				
			<div class="swiper-slide swiper-no-swiping">
				
				<div class="_box">
			<a href="https://m.toutiao.com/i6490505016682480141/">
				<h5>奚梦瑶摔跤，却被网友指戏精！维密现场真让人心疼</h5>
				<ul>
					<li><img src="images/down_12.png"></li>
					<li><img src="http://p1.pstatp.com/list/47380006fc74e5b821b0"></li>
					<li><img src="http://p3.pstatp.com/list/47390006b9c54047cb3f"></li>
				</ul>
				<p>娱乐EMA 评论 217 3分钟前</p>
			</a>
		</div>
		
		
		
		<div class="_box">
			<a href="https://m.toutiao.com/i6490703755439243789/">
				<h5>关晓彤晒北电同学照，发现她和这个星二代竟然是同学</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/46f40003f89faa4c8756"></li>
					<li><img src="https://p3.pstatp.com/list/46f6000396909da3a5ae"></li>
					<li><img src="https://p3.pstatp.com/list/46f800013b6553aeca30"></li>
				</ul>
				<p>不八卦会死星人 评论0 2小时前</p>
			</a>
		</div>
		
		
		
		<div class="_box">
			<a href="https://m.toutiao.com/i6490389341100048910/">
				<h5>人名大会堂里的明星们：全部素颜。胡歌。赵薇成为颜值担当</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/46f30001c029880b5e65"></li>
					<li><img src="https://p3.pstatp.com/list/46f200020aa31489556e"></li>
					<li><img src="https://p3.pstatp.com/list/46f400020773f9e40e02"></li>
				</ul>
				<p>八卦大乐趣 评论0 2小时前</p>
			</a>
		</div>
		
		
		
		    <div class="_box">
			<a href="https://m.toutiao.com/i6490042237353722381/">
				<h5>黄海波隐忍三年，终于道出当年真相，网友：我们都错怪你了！</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/46ed000306b14f673ab1"></li>
					<li><img src="https://p3.pstatp.com/list/46e100052455a5090d47"></li>
					<li><img src="https://p3.pstatp.com/list/46ee0002ee11c5e1cab3"></li>
				</ul>
				<p>娱八婆侃八卦 评论6 16分钟前</p>
			</a>
		</div>
		
		     
		      <div class="_box">
			<a href="https://m.toutiao.com/i6480707042943173133/">
				<h5>他是央视节目主持人，丈夫比自己大了整整二十岁，站一起犹如父女</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/403f0002ce62a56555ec"></li>
					<li><img src="https://p3.pstatp.com/list/403e00036590eed6d0b4"></li>
					<li><img src="https://p3.pstatp.com/list/403e0003659e0f98b9b1"></li>
				</ul>
				<p>娱八婆侃八卦 评论6 16分钟前</p>
			</a>
		</div>
		     
		     
		      <div class="_box">
			<a href="https://m.toutiao.com/i6490757435131691533/">
				<h5>结婚3月，婆婆一席话，让我破口大骂</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/46f3000491c145c302f1"></li>
					<li><img src="https://p3.pstatp.com/list/46f70002b5e82c711c01"></li>
					<li><img src="https://p3.pstatp.com/list/46f20004dc034b97389c"></li>
				</ul>
				<p>娱八婆侃八卦 评论6 16分钟前</p>
			</a>
		</div> </div> 
		     
		   
		     
		     
		     
			
			<div class="swiper-slide swiper-no-swiping">
				 <div class="_box">
			<a href="https://m.toutiao.com/i6490798277598904846/">
				<h5>FBI说他吹口哨就能启动核弹，以通缉犯的身份登上时代周刊封面</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/46f80002e2325b3d9764"></li>
					<li><img src="https://p3.pstatp.com/list/46f20005a670e736409e"></li>
					<li><img src="https://p3.pstatp.com/list/46f5000585fef40d6fab"></li>
				</ul>
				<p>娱八婆侃八卦 评论6  1小时前</p>
			</a>
		</div>
		
		<section class="kej">
			<a href="https://m.toutiao.com/i6490820594714542606/">
			<dl>
				
				<dd><p>烧钱游戏越来越难：快手能否抢跑短视频公司IPO</p>
				  <span>财经杂志</span>
				  <span>评论  73</span>
				</dd>
				<dt><img src="https://p3.pstatp.com/list/46f600058a554f2330b0"/></dt>
			</dl>
			</a>
			
		</section>
		
		
		     <div class="_box">
			<a href="https://m.toutiao.com/i6458027481835241998/">
				<h5>Google 工程师一天写多少代码？</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/313a00037b6e3e39f95c"></li>
					<li><img src="https://p3.pstatp.com/list/31350008ecfd34db2c48"></li>
					<li><img src="https://p3.pstatp.com/list/312a00053c75925f2e78"></li>
				</ul>
				<p>热CSDN 评论 75  12分钟前</p>
			</a>
		</div>
		
		     
		     <div class="_box">
			<a href="https://m.toutiao.com/i6468495000761008654/">
				<h5>钉子还可以这么玩儿，这些画太惊艳了</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/316a0009610dd7f736a9"></li>
					<li><img src="https://p3.pstatp.com/list/316a0009610ec7cdb1d4"></li>
					<li><img src="https://p3.pstatp.com/list/317300002469221e2fa0"></li>
				</ul>
				<p>界面新闻  评论 27 2分钟前</p>
			</a>
		</div>
		
		
		 <div class="_box">
			<a href="https://m.toutiao.com/i6460781017820037645/">
				<h5>原来这些镜头全是CG！</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/37ea000295ce570016fb"></li>
					<li><img src="https://p3.pstatp.com/list/37e90002a98d68efb9fc"></li>
					<li><img src="https://p3.pstatp.com/list/37ef000293a18bd83ee3"></li>
				</ul>
				<p>热 淘梦  评论 67 6分钟前</p>
			</a>
		</div>
		
		<div class="_box">
			<a href="https://m.toutiao.com/i6460781017820037645/">
				<h5>抛妻弃子躲美国剩甘薇一个人 董明珠怼贾跃亭：忽悠概念负能量！</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/46ee00001e9a46a2dcd4"></li>
					<li><img src="https://p3.pstatp.com/list/46ea0003603663a2e650"></li>
					<li><img src="https://p3.pstatp.com/list/46ed000046582b2001e3"></li>
				</ul>
				<p>热 淘梦  评论 67 6分钟前</p>
			</a>
		</div>
		
		
		<section class="kej">
			<a href="https://m.toutiao.com/i6490320057766248973/">
			<dl>
				
				<dd><p>氧OS版一加3和3T收到安卓8.0推送</p>
				  <span>热</span>
				  <span>泡泡网</span>
				  <span>评论 8</span>
				</dd>
				<dt><img src="https://p3.pstatp.com/list/4734000f2a7d6b4b3b9d"/></dt>
			</dl>
			</a>
			
		</section>
		
		
		
		
		<div class="_box">
			<a href="https://m.toutiao.com/i6467440611266920973/">
				<h5>揭秘大佬生活怪癖：库克每天3点45起床，扎克伯格只爱这一款T恤</h5>
				<ul>
					<li><img src="https://p3.pstatp.com/list/3b030004545afdaf8ecf"></li>
					<li><img src="https://p3.pstatp.com/list/3b0700041be23cba8c65"></li>
					<li><img src="https://p3.pstatp.com/list/3b0600043deb3fefdcd1"></li>
				</ul>
				<p>热 淘梦  评论 67 6分钟前</p>
			</a>
		</div>
		
		
		
		
		
		
				
			</div>
			<div class="swiper-slide swiper-no-swiping">内容 ressssssss</div>
			<div class="swiper-slide swiper-no-swiping">内容 ffffffffffff</div>
			<div class="swiper-slide swiper-no-swiping">内容 bbbbbbbbbbbbbbbbbvb</div>
			<div class="swiper-slide swiper-no-swiping">内容 bvcccccccccccbvb</div>
			<div class="swiper-slide swiper-no-swiping">内容 sdasdssssss</div>
			<div class="swiper-slide swiper-no-swiping">内容 oiouiouioiuoiuo</div>
			<div class="swiper-slide swiper-no-swiping"></div>
			<div class="swiper-slide swiper-no-swiping">22222</i></div>
		</div>
	</div>

</div>
          
          <div class="_packet">
	<img src="images/packet.png">
</div>
<div class="_packets">
	<div class="packets">
		<i id="_packets"><img src="images/crosss.png" class="crosss"></i>
	</div>
</div><!--红包-->

          
          
 	 <div class="Mongolia">
	<div class="_fixed">
		<img src="images/Mongolia.png">
		<p>已加载好您感兴趣的头条</p>
		<button>立即打开<tton>
		<div id="_img"><img src="images/cross.png"></div>
	</div>
</div>
    <section class="cen_but">
			<a href="#">返回顶部</a>
			</section> 
  <div id="prints">
		<img src="images/prestrain.png" id="_tu">
	</div>
			
       
 <footer class="foot">
	 	<div>
	 		<i  class="iconfont icon-home"></i>
	 		<p>
	 		   首页
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-zanting"></i>
	 		<p>
	 		   视频
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-jiahao"></i>
	 		<p>
	 		   发布
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-xinxi1"></i>
	 		<p>
	 		   微头条
	 	    </p>
	 	</div>
	 	<div>
	 		<i  class="iconfont icon-ren"></i>
	 		<p>
	 		   我的
	 	    </p>
	 	</div>
	 	</footer>
	 	
	 	
	 	
	 	
	<script src="assets/jquery/jquery-3.2.1.js"></script>
	<script src='assets/swiper/js/swiper.jquery.min.js'></script>
	
	<script src="assets/swiper/js/swiper-3.4.0.jquery.min.js" ></script>

	<script src='assets/artTemplate/template-web.js'></script>
	<script src="font/iconfont.js"></script>
	
	<script src="js/index.js"></script>
</body>
</html>
